.content {
  width: 680px;
  height: 758px;
  border-radius: 28px;
  background-color: #fff;
  padding: 24px;
  margin: 20px auto 0;
  box-sizing: border-box;
}

.header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 8px 0;
}

.header-item {
  width: 14.3%;
  text-align: center;
  font-size: 30px;
  color: #3d446a;
}

.top-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.date {
  font-size: 48px;
  font-weight: bold;
}

.select {
  display: flex;
  align-items: center;
}

.icon {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  line-height: 44px;
  box-shadow: 1px 1px 1px 1px #d0d0d0;
  text-align: center;
  font-size: 32px;
}

.today {
  width: 100px;
  height: 48px;
  border-radius: 6px;
  line-height: 50px;
  font-size: 30px;
  box-shadow: 1px 1px 1px 1px #e7e7e7;
  text-align: center;
}

.row {
  display: flex;
  flex-direction: row;
}

.row-item {
  width: 14.3%;
  font-size: 36px;
  color: #3d446a;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  border: 4px solid transparent;
}

.holiday {
  font-size: 20px;
  color: $expensesColor;
}
.text {
  font-size: 20px;
}
.color1 {
  color: #fff;
}
.color2 {
  color: #ababab;
}
.date-text {
  font-weight: 500;
}
.font {
  font-weight: bold !important;
}
.xiu {
  position: absolute;
  font-size: 14px;
  color: $expensesColor;
  top: 0;
  right: 4px;
  font-weight: 500;
}

.ban {
  position: absolute;
  font-size: 14px;
  color: #fff;
  top: 0;
  right: 0;
  font-weight: 500;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  background-color: $expensesColor;
  border-radius: 50%;
}

.item-today {
  border-bottom: 4px solid $primaryColor;
  color: $primaryColor;
  font-weight: bold;
  padding-bottom: 4px;
}
.item-not {
  border-bottom: 4px solid rgb(167, 163, 163);
}
.choose {
  border: 4px solid $secondaryColor;
  border-radius: 10px;
  background-color: $secondaryColor;
  color: #fff;
}
.nong {
  background-color: $secondaryColor;
  width: 680px;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  box-sizing: border-box;
  margin: 24px auto;
  font-weight: 400;
}
.last {
  width: 680px;
  background-color: #fff;
  padding: 24px;
  border-radius: 16px;
  color: #aaa;
  box-sizing: border-box;
  margin: 24px auto;
}
.last-day {
  font-size: 50px;
  margin: 0 8px;
  color: $primaryColor;
}
